<div class="chat">
    <div class="left_panel">
        <div class="header">
            <div class="info">
                <h3 class="nickname">
                    <div class="name_top">
						<span>
							<span class="name"></span>
							<span class="session_stat">&nbsp;</span>
						</span>
                        <a class="opt" href="javascript:;">
                            <i class="chat_add far fa-bars"></i>
                        </a>
                    </div>
                    <div class="display_name">
						<span class="name_extra">
							<span class="user_status"></span>
						</span>
                        <div class="stat_info" style="display: none" title="排队数">
                            <span class="queue_label">排队: </span>
                            <span class="queue_waiting_requests">0</span>
                        </div>
                        <a class="refreshClients" style="display: none; font-size: 12px" href="javascript:;"
                           title="刷新用户列表"><i class="fa fa-refresh" aria-hidden="true"></i></a>
                    </div>
                </h3>
            </div>
        </div>

        <div class="session_list">

        </div>
        <div id="mmpop_system_menu" class="mmpop system_menu" style="display:none;">
            <ul class="dropdown_menu">
                <li>
                    <a href="javascript:;" class="status-change" title="切换状态"><i class="fa fa-coffee"></i>切换状态<i
                            class="fa fa-chevron-right" style="float: right;line-height: 23px;"></i></a>
                </li>
                <li class="invite_li">
                    <a href="javascript:;" class="invite" title="会议"><i class="fa fa-comments-o"></i>会议</a>
                </li>
                <li class="transfer_li">
                    <a href="javascript:;" class="transfer" title="转接"><i class="fa fa-exchange"></i>转接</a>
                </li>
                <li class="transferToQueue_li">
                    <a href="javascript:;" class="transferToQueue" title="转接到队列"><i class="fa fa-share"></i>转接到队列</a>
                </li>
                <li>
                    <a href="javascript:;" class="cog" title="个性配置"><i class="fa fa-cog"></i>个性配置</a>
                </li>
                <li class="last_child">
                    <a href="javascript:;" class="sign-out" title="退出"><i class="fa fa-sign-out"></i>退出</a>
                </li>
            </ul>
        </div>
        <div class="mmpop user_status_menu" style="display:none;">
            <ul class="dropdown_menu">

            </ul>
        </div>
        <div class="mmpop session_more_menu" style="display: none">
            <ul class="dropdown_menu">
                <li class="last_child session_stick_li">
                    <a href="javascript:;" class="stick" title="置顶"><i class="fa fa-arrow-to-top"></i>置顶</a>
                </li>
                <li class="last_child session_lock_li">
                    <a href="javascript:;" class="lock" title="锁定后会话不会自动结束"><i
                            class="fa fa-lock"></i>锁定</a>
                </li>
            </ul>
        </div>
    </div>

    <div class="session_container">
        <div class="session_hd" ondragstart="return false;">
            <div id="chatRoomMembersWrap"></div>
            <div class="title_wrap">
                <div class="session_last"></div>
                <div class="title poi">
                    <span class="title_name"></span>
                    <span class="typing"></span>
                    <i class="web_wechat_down_icon"></i>
                    <div class="video-meeting-btn"><a class="fonticon" data-ref="[s]video"><i class="fas fa-video" style="font-size: 20px;"></i></a></div>
                </div>
                <div class="session_btn_container">
                    <a href="javascript:;" class="invite" title="会议"><i class="fa fa-comments-o"></i>会议</a>
                    <a href="javascript:;" class="transfer" title="转接"><i class="fa fa-exchange"></i>转接</a>
                    <a href="javascript:;" class="transferToQueue" title="转接到队列"><i class="fa fa-share"></i>转队列</a>
                </div>
            </div>
        </div>

        <div class="session_content_container">
            <div class="box_bd chat_bd message_panel">
                <div id="agentResponseDiv">

                </div>
            </div>

            <div class="control_panel">
                <div class="std_question_container" style="display: none">
                    点击意图定位：
                    <ul class="std-question_ul"></ul>
                </div>
                <div class="pre_message_container"></div>
                <div class="toolbar" ondragstart="return false;" id="tool_bar">
                    <a class="chat_face" href="javascript:;" title="表情"></a>
                    <a class="chat_screencut" href="javascript:;" title="截屏"></a>
                    <a class="chat_pic webuploader-container" href="javascript:;" title="图片和文件">
                        <span class="webuploader-pick" style="display:block"></span>
                        <span style="position: absolute; display:block; top: 0px; left: 0px; width: 30px; height: 30px; overflow: hidden; bottom: auto; right: auto;">
							<label style="opacity: 0; width: 100%; height: 100%; display: block; cursor: pointer; background: rgb(255, 255, 255);">
							</label>
						</span>
                    </a>
                    <a class="chat_push_rating" href="javascript:;" title="推送满意度"></a>
                    <a class="chat_audio" href="javascript:;" title="语音通话"></a>
                    <a class="chat_video" href="javascript:;" title="视频聊天"></a>
                    <a class="chat_minimax_summary" href="javascript:;" title="智能总结">
                        <i class="fal fa-comment-smile" style="font-size: 48px;"></i>
                    </a>
                    <a class="chat_minimax_optimization" href="javascript:;" title="智能优化">
                        <i class="fal fa-comment-alt-check" style="font-size: 48px;"></i>
                    </a>
                    <a class="chat_minimax_ai_response" href="javascript:;" title="智能回复">
                        <i class="fal fa-user-md-chat" style="font-size: 48px;"></i>
                    </a>
                    <div class="chat_translate_container">
                        <select id="trans_select" class="trans_to" style="vertical-align: bottom;">
                            <option selected="selected" disabled="disabled" value=''>选择语言</option>
                            <option value="en" selected>英语</option>
                            <option value="zh">中文</option>
                            <option value="cht">繁体</option>
                        </select>
                        <a class="chat_translate" href="javascript:;" title="翻译"></a>
                    </div>

                    <div id="mmpop_emoji_panel" class="mmpop slide-top">
                        <div class="expression">
                            <ul class="exp_hd">
                                <li class="exp_hd_item qq active" data-index="1">
                                    <a href="javascript:;">QQ表情</a>
                                </li>
                                <li class="exp_hd_item emoji" data-index="2">
                                    <a href="javascript:;">符号表情</a>
                                </li>
                            </ul>
                            <div class="exp_bd" style="position: relative;">
                                <div class="exp_bd scrollbar-dynamic scroll-content"
                                     style="margin-bottom: 0px; margin-right: 0px;">
                                    <div class="exp_cont qq active" data-index="1">
                                        <div class="qq_face">
                                            <a title="微笑" type="qq" class="face qqface0">微笑</a><a title="撇嘴"
                                                                                                      type="qq"
                                                                                                      class="face qqface1">撇嘴</a>
                                            <a title="色" type="qq" class="face qqface2">色</a><a title="发呆" type="qq"
                                                                                                  class="face qqface3">发呆</a>
                                            <a title="得意" type="qq" class="face qqface4">得意</a><a title="流泪"
                                                                                                      type="qq"
                                                                                                      class="face qqface5">流泪</a>
                                            <a title="害羞" type="qq" class="face qqface6">害羞</a><a title="闭嘴"
                                                                                                      type="qq"
                                                                                                      class="face qqface7">闭嘴</a>
                                            <a title="睡" type="qq" class="face qqface8">睡</a><a title="大哭" type="qq"
                                                                                                  class="face qqface9">大哭</a>
                                            <a title="尴尬" type="qq" class="face qqface10">尴尬</a><a title="发怒"
                                                                                                       type="qq"
                                                                                                       class="face qqface11">发怒</a>
                                            <a title="调皮" type="qq" class="face qqface12">调皮</a><a title="呲牙"
                                                                                                       type="qq"
                                                                                                       class="face qqface13">呲牙</a>
                                            <a title="惊讶" type="qq" class="face qqface14">惊讶</a><a title="难过"
                                                                                                       type="qq"
                                                                                                       class="face qqface15">难过</a>
                                            <a title="酷" type="qq" class="face qqface16">酷</a><a title="冷汗"
                                                                                                   type="qq"
                                                                                                   class="face qqface17">冷汗</a>
                                            <a title="抓狂" type="qq" class="face qqface18">抓狂</a><a title="吐"
                                                                                                       type="qq"
                                                                                                       class="face qqface19">吐</a>
                                            <a title="偷笑" type="qq" class="face qqface20">偷笑</a><a title="愉快"
                                                                                                       type="qq"
                                                                                                       class="face qqface21">愉快</a>
                                            <a title="白眼" type="qq" class="face qqface22">白眼</a><a title="傲慢"
                                                                                                       type="qq"
                                                                                                       class="face qqface23">傲慢</a>
                                            <a title="饥饿" type="qq" class="face qqface24">饥饿</a><a title="困"
                                                                                                       type="qq"
                                                                                                       class="face qqface25">困</a>
                                            <a title="惊恐" type="qq" class="face qqface26">惊恐</a><a title="流汗"
                                                                                                       type="qq"
                                                                                                       class="face qqface27">流汗</a>
                                            <a title="憨笑" type="qq" class="face qqface28">憨笑</a><a title="悠闲"
                                                                                                       type="qq"
                                                                                                       class="face qqface29">悠闲</a>
                                            <a title="奋斗" type="qq" class="face qqface30">奋斗</a><a title="咒骂"
                                                                                                       type="qq"
                                                                                                       class="face qqface31">咒骂</a>
                                            <a title="疑问" type="qq" class="face qqface32">疑问</a><a title="嘘"
                                                                                                       type="qq"
                                                                                                       class="face qqface33">嘘</a>
                                            <a title="晕" type="qq" class="face qqface34">晕</a><a title="疯了"
                                                                                                   type="qq"
                                                                                                   class="face qqface35">疯了</a>
                                            <a title="衰" type="qq" class="face qqface36">衰</a><a title="骷髅"
                                                                                                   type="qq"
                                                                                                   class="face qqface37">骷髅</a>
                                            <a title="敲打" type="qq" class="face qqface38">敲打</a><a title="再见"
                                                                                                       type="qq"
                                                                                                       class="face qqface39">再见</a>
                                            <a title="擦汗" type="qq" class="face qqface40">擦汗</a><a title="抠鼻"
                                                                                                       type="qq"
                                                                                                       class="face qqface41">抠鼻</a>
                                            <a title="鼓掌" type="qq" class="face qqface42">鼓掌</a><a title="糗大了"
                                                                                                       type="qq"
                                                                                                       class="face qqface43">糗大了</a>
                                            <a title="坏笑" type="qq" class="face qqface44">坏笑</a><a title="左哼哼"
                                                                                                       type="qq"
                                                                                                       class="face qqface45">左哼哼</a>
                                            <a title="右哼哼" type="qq" class="face qqface46">右哼哼</a><a title="哈欠"
                                                                                                           type="qq"
                                                                                                           class="face qqface47">哈欠</a>
                                            <a title="鄙视" type="qq" class="face qqface48">鄙视</a><a title="委屈"
                                                                                                       type="qq"
                                                                                                       class="face qqface49">委屈</a>
                                            <a title="快哭了" type="qq" class="face qqface50">快哭了</a><a title="阴险"
                                                                                                           type="qq"
                                                                                                           class="face qqface51">阴险</a>
                                            <a title="亲亲" type="qq" class="face qqface52">亲亲</a><a title="吓"
                                                                                                       type="qq"
                                                                                                       class="face qqface53">吓</a>
                                            <a title="可怜" type="qq" class="face qqface54">可怜</a><a title="菜刀"
                                                                                                       type="qq"
                                                                                                       class="face qqface55">菜刀</a>
                                            <a title="西瓜" type="qq" class="face qqface56">西瓜</a><a title="啤酒"
                                                                                                       type="qq"
                                                                                                       class="face qqface57">啤酒</a>
                                            <a title="篮球" type="qq" class="face qqface58">篮球</a><a title="乒乓"
                                                                                                       type="qq"
                                                                                                       class="face qqface59">乒乓</a>
                                            <a title="咖啡" type="qq" class="face qqface60">咖啡</a><a title="饭"
                                                                                                       type="qq"
                                                                                                       class="face qqface61">饭</a>
                                            <a title="猪头" type="qq" class="face qqface62">猪头</a><a title="玫瑰"
                                                                                                       type="qq"
                                                                                                       class="face qqface63">玫瑰</a>
                                            <a title="凋谢" type="qq" class="face qqface64">凋谢</a><a title="嘴唇"
                                                                                                       type="qq"
                                                                                                       class="face qqface65">嘴唇</a>
                                            <a title="爱心" type="qq" class="face qqface66">爱心</a><a title="心碎"
                                                                                                       type="qq"
                                                                                                       class="face qqface67">心碎</a>
                                            <a title="蛋糕" type="qq" class="face qqface68">蛋糕</a><a title="闪电"
                                                                                                       type="qq"
                                                                                                       class="face qqface69">闪电</a>
                                            <a title="炸弹" type="qq" class="face qqface70">炸弹</a><a title="刀"
                                                                                                       type="qq"
                                                                                                       class="face qqface71">刀</a>
                                            <a title="足球" type="qq" class="face qqface72">足球</a><a title="瓢虫"
                                                                                                       type="qq"
                                                                                                       class="face qqface73">瓢虫</a>
                                            <a title="便便" type="qq" class="face qqface74">便便</a><a title="月亮"
                                                                                                       type="qq"
                                                                                                       class="face qqface75">月亮</a>
                                            <a title="太阳" type="qq" class="face qqface76">太阳</a><a title="礼物"
                                                                                                       type="qq"
                                                                                                       class="face qqface77">礼物</a>
                                            <a title="拥抱" type="qq" class="face qqface78">拥抱</a><a title="强"
                                                                                                       type="qq"
                                                                                                       class="face qqface79">强</a>
                                            <a title="弱" type="qq" class="face qqface80">弱</a><a title="握手"
                                                                                                   type="qq"
                                                                                                   class="face qqface81">握手</a>
                                            <a title="胜利" type="qq" class="face qqface82">胜利</a><a title="抱拳"
                                                                                                       type="qq"
                                                                                                       class="face qqface83">抱拳</a>
                                            <a title="勾引" type="qq" class="face qqface84">勾引</a><a title="拳头"
                                                                                                       type="qq"
                                                                                                       class="face qqface85">拳头</a>
                                            <a title="差劲" type="qq" class="face qqface86">差劲</a><a title="爱你"
                                                                                                       type="qq"
                                                                                                       class="face qqface87">爱你</a>
                                            <a title="NO" type="qq" class="face qqface88">NO</a><a title="OK" type="qq"
                                                                                                   class="face qqface89">OK</a>
                                            <a title="爱情" type="qq" class="face qqface90">爱情</a><a title="飞吻"
                                                                                                       type="qq"
                                                                                                       class="face qqface91">飞吻</a>
                                            <a title="跳跳" type="qq" class="face qqface92">跳跳</a><a title="发抖"
                                                                                                       type="qq"
                                                                                                       class="face qqface93">发抖</a>
                                            <a title="怄火" type="qq" class="face qqface94">怄火</a><a title="转圈"
                                                                                                       type="qq"
                                                                                                       class="face qqface95">转圈</a>
                                            <a title="磕头" type="qq" class="face qqface96">磕头</a><a title="回头"
                                                                                                       type="qq"
                                                                                                       class="face qqface97">回头</a>
                                            <a title="跳绳" type="qq" class="face qqface98">跳绳</a><a title="投降"
                                                                                                       type="qq"
                                                                                                       class="face qqface99">投降</a>
                                            <a title="激动" type="qq" class="face qqface100">激动</a><a title="乱舞"
                                                                                                        type="qq"
                                                                                                        class="face qqface101">乱舞</a>
                                            <a title="献吻" type="qq" class="face qqface102">献吻</a><a title="左太极"
                                                                                                        type="qq"
                                                                                                        class="face qqface103">左太极</a>
                                            <a title="右太极" type="qq" class="face qqface104">右太极</a>
                                        </div>
                                    </div>
                                    <div class="exp_cont emoji" data-index="2">
                                        <div class="emoji_face">
                                            <a title=":blush:" type="emoji" class="face emojiface0">:blush:</a>
                                            <a title=":fearful:" type="emoji" class="face emojiface1">:fearful:</a>
                                            <a title=":heart_eyes:" type="emoji"
                                               class="face emojiface2">:heart_eyes:</a>
                                            <a title=":flushed:" type="emoji" class="face emojiface3">:flushed:</a>
                                            <a title=":sunglasses:" type="emoji"
                                               class="face emojiface4">:sunglasses:</a>
                                            <a title=":sob:" type="emoji" class="face emojiface5">:sob:</a>
                                            <a title=":relieved:" type="emoji" class="face emojiface6">:relieved:</a>
                                            <a title=":dizzy_face:" type="emoji"
                                               class="face emojiface7">:dizzy_face:</a>
                                            <a title=":sleeping:" type="emoji" class="face emojiface8">:sleeping:</a>
                                            <a title=":cry:" type="emoji" class="face emojiface9">:cry:</a>
                                            <a title=":sweat_smile:" type="emoji"
                                               class="face emojiface10">:sweat_smile:</a>
                                            <a title=":rage:" type="emoji" class="face emojiface11">:rage:</a>
                                            <a title=":stuck_out_tongue_winking_eye:" type="emoji"
                                               class="face emojiface12">:stuck_out_tongue_winking_eye:</a>
                                            <a title=":grinning:" type="emoji" class="face emojiface13">:grinning:</a>
                                            <a title=":astonished:" type="emoji"
                                               class="face emojiface14">:astonished:</a>
                                            <a title=":worried:" type="emoji" class="face emojiface15">:worried:</a>
                                            <a title=":triumph:" type="emoji" class="face emojiface16">:triumph:</a>
                                            <a title=":disappointed:" type="emoji" class="face emojiface17">:disappointed:</a>
                                            <a title=":tired_face:" type="emoji"
                                               class="face emojiface18">:tired_face:</a>
                                            <a title=":persevere:" type="emoji" class="face emojiface19">:persevere:</a>
                                            <a title=":smiling_imp:" type="emoji"
                                               class="face emojiface20">:smiling_imp:</a>
                                            <a title=":wink:" type="emoji" class="face emojiface21">:wink:</a>
                                            <a title=":hushed:" type="emoji" class="face emojiface22">:hushed:</a>
                                            <a title=":confused:" type="emoji" class="face emojiface23">:confused:</a>
                                            <a title=":cold_sweat:" type="emoji"
                                               class="face emojiface24">:cold_sweat:</a>
                                            <a title=":yum:" type="emoji" class="face emojiface25">:yum:</a>
                                            <a title=":stuck_out_tongue_closed_eyes:" type="emoji"
                                               class="face emojiface26">:stuck_out_tongue_closed_eyes:</a>
                                            <a title=":sweat:" type="emoji" class="face emojiface27">:sweat:</a>
                                            <a title=":smiley:" type="emoji" class="face emojiface28">:smiley:</a>
                                            <a title=":joy:" type="emoji" class="face emojiface29">:joy:</a>
                                            <a title=":kissing_heart:" type="emoji" class="face emojiface30">:kissing_heart:</a>
                                            <a title=":unamused:" type="emoji" class="face emojiface31">:unamused:</a>
                                            <a title=":smirk:" type="emoji" class="face emojiface32">:smirk:</a>
                                            <a title=":no_mouth:" type="emoji" class="face emojiface33">:no_mouth:</a>
                                            <a title=":scream:" type="emoji" class="face emojiface34">:scream:</a>
                                            <a title=":confounded:" type="emoji"
                                               class="face emojiface35">:confounded:</a>
                                            <a title=":weary:" type="emoji" class="face emojiface36">:weary:</a>
                                            <a title=":pensive:" type="emoji" class="face emojiface37">:pensive:</a>
                                            <a title=":expressionless:" type="emoji" class="face emojiface38">:expressionless:</a>
                                            <a title=":kissing_closed_eyes:" type="emoji" class="face emojiface39">:kissing_closed_eyes:</a>
                                            <a title=":sleepy:" type="emoji" class="face emojiface40">:sleepy:</a>
                                            <a title=":innocent:" type="emoji" class="face emojiface41">:innocent:</a>
                                            <a title=":speak_no_evil:" type="emoji" class="face emojiface42">:speak_no_evil:</a>
                                            <a title=":facepunch:" type="emoji" class="face emojiface43">:facepunch:</a>
                                            <a title=":-1:" type="emoji" class="face emojiface44">:-1:</a>
                                            <a title=":point_up:" type="emoji" class="face emojiface45">:point_up:</a>
                                            <a title=":v:" type="emoji" class="face emojiface46">:v:</a>
                                            <a title=":grimacing:" type="emoji" class="face emojiface47">:grimacing:</a>
                                            <a title=":mask:" type="emoji" class="face emojiface48">:mask:</a>
                                            <a title=":see_no_evil:" type="emoji"
                                               class="face emojiface49">:see_no_evil:</a>
                                            <a title=":ok_hand:" type="emoji" class="face emojiface50">:ok_hand:</a>
                                            <a title=":clap:" type="emoji" class="face emojiface51">:clap:</a>
                                            <a title=":fist:" type="emoji" class="face emojiface52">:fist:</a>
                                            <a title=":muscle:" type="emoji" class="face emojiface53">:muscle:</a>
                                            <a title=":laughing:" type="emoji" class="face emojiface54">:laughing:</a>
                                            <a title=":relaxed:" type="emoji" class="face emojiface55">:relaxed:</a>
                                            <a title=":hear_no_evil:" type="emoji" class="face emojiface56">:hear_no_evil:</a>
                                            <a title=":+1:" type="emoji" class="face emojiface57">:+1:</a>
                                            <a title=":pray:" type="emoji" class="face emojiface58">:pray:</a>
                                            <a title=":hand:" type="emoji" class="face emojiface59">:hand:</a>
                                            <a title=":sunny:" type="emoji" class="face emojiface60">:sunny:</a>
                                            <a title=":coffee:" type="emoji" class="face emojiface61">:coffee:</a>
                                            <a title=":snowman:" type="emoji" class="face emojiface62">:snowman:</a>
                                            <a title=":books:" type="emoji" class="face emojiface63">:books:</a>
                                            <a title=":gift:" type="emoji" class="face emojiface64">:gift:</a>
                                            <a title=":tada:" type="emoji" class="face emojiface65">:tada:</a>
                                            <a title=":icecream:" type="emoji" class="face emojiface66">:icecream:</a>
                                            <a title=":cloud:" type="emoji" class="face emojiface67">:cloud:</a>
                                            <a title=":snowflake:" type="emoji" class="face emojiface68">:snowflake:</a>
                                            <a title=":zap:" type="emoji" class="face emojiface69">:zap:</a>
                                            <a title=":moneybag:" type="emoji" class="face emojiface70">:moneybag:</a>
                                            <a title=":birthday:" type="emoji" class="face emojiface71">:birthday:</a>
                                            <a title=":mortar_board:" type="emoji" class="face emojiface72">:mortar_board:</a>
                                            <a title=":meat_on_bone:" type="emoji" class="face emojiface73">:meat_on_bone:</a>
                                            <a title=":umbrella:" type="emoji" class="face emojiface74">:umbrella:</a>
                                            <a title=":partly_sunny:" type="emoji" class="face emojiface75">:partly_sunny:</a>
                                            <a title=":pencil2:" type="emoji" class="face emojiface76">:pencil2:</a>
                                            <a title=":hankey:" type="emoji" class="face emojiface77">:hankey:</a>
                                            <a title=":christmas_tree:" type="emoji" class="face emojiface78">:christmas_tree:</a>
                                            <a title=":wine_glass:" type="emoji"
                                               class="face emojiface79">:wine_glass:</a>
                                            <a title=":microphone:" type="emoji"
                                               class="face emojiface80">:microphone:</a>
                                            <a title=":basketball:" type="emoji"
                                               class="face emojiface81">:basketball:</a>
                                            <a title=":mahjong:" type="emoji" class="face emojiface82">:mahjong:</a>
                                            <a title=":bomb:" type="emoji" class="face emojiface83">:bomb:</a>
                                            <a title=":loudspeaker:" type="emoji"
                                               class="face emojiface84">:loudspeaker:</a>
                                            <a title=":earth_asia:" type="emoji"
                                               class="face emojiface85">:earth_asia:</a>
                                            <a title=":chocolate_bar:" type="emoji" class="face emojiface86">:chocolate_bar:</a>
                                            <a title=":game_die:" type="emoji" class="face emojiface87">:game_die:</a>
                                            <a title=":snowboarder:" type="emoji"
                                               class="face emojiface88">:snowboarder:</a>
                                            <a title=":bulb:" type="emoji" class="face emojiface89">:bulb:</a>
                                            <a title=":zzz:" type="emoji" class="face emojiface90">:zzz:</a>
                                            <a title=":no_entry_sign:" type="emoji" class="face emojiface91">:no_entry_sign:</a>
                                            <a title=":sunflower:" type="emoji" class="face emojiface92">:sunflower:</a>
                                            <a title=":beers:" type="emoji" class="face emojiface93">:beers:</a>
                                            <a title=":musical_note:" type="emoji" class="face emojiface94">:musical_note:</a>
                                            <a title=":house_with_garden:" type="emoji" class="face emojiface95">:house_with_garden:</a>
                                            <a title=":anger:" type="emoji" class="face emojiface96">:anger:</a>
                                            <a title=":telephone_receiver:" type="emoji" class="face emojiface97">:telephone_receiver:</a>
                                            <a title=":shower:" type="emoji" class="face emojiface98">:shower:</a>
                                            <a title=":rice:" type="emoji" class="face emojiface99">:rice:</a>
                                            <a title=":family:" type="emoji" class="face emojiface100">:family:</a>
                                            <a title=":angel:" type="emoji" class="face emojiface101">:angel:</a>
                                            <a title=":pill:" type="emoji" class="face emojiface102">:pill:</a>
                                            <a title=":gun:" type="emoji" class="face emojiface103">:gun:</a>
                                            <a title=":rose:" type="emoji" class="face emojiface104">:rose:</a>
                                            <a title=":dog:" type="emoji" class="face emojiface105">:dog:</a>
                                            <a title=":lipstick:" type="emoji" class="face emojiface106">:lipstick:</a>
                                            <a title=":couple:" type="emoji" class="face emojiface107">:couple:</a>
                                            <a title=":alien:" type="emoji" class="face emojiface108">:alien:</a>
                                            <a title=":kiss:" type="emoji" class="face emojiface109">:kiss:</a>
                                            <a title=":crescent_moon:" type="emoji" class="face emojiface110">:crescent_moon:</a>
                                            <a title=":watermelon:" type="emoji"
                                               class="face emojiface111">:watermelon:</a>
                                            <a title=":pig:" type="emoji" class="face emojiface112">:pig:</a>
                                            <a title=":broken_heart:" type="emoji" class="face emojiface113">:broken_heart:</a>
                                            <a title=":ghost:" type="emoji" class="face emojiface114">:ghost:</a>
                                            <a title=":imp:" type="emoji" class="face emojiface115">:imp:</a>
                                            <a title=":ring:" type="emoji" class="face emojiface116">:ring:</a>
                                            <a title=":evergreen_tree:" type="emoji" class="face emojiface117">:evergreen_tree:</a>
                                            <a title=":horse:" type="emoji" class="face emojiface118">:horse:</a>
                                            <a title=":crown:" type="emoji" class="face emojiface119">:crown:</a>
                                            <a title=":fire:" type="emoji" class="face emojiface120">:fire:</a>
                                            <a title=":star:" type="emoji" class="face emojiface121">:star:</a>
                                            <a title=":soccer:" type="emoji" class="face emojiface122">:soccer:</a>
                                            <a title=":clock7:" type="emoji" class="face emojiface123">:clock7:</a>
                                            <a title=":alarm_clock:" type="emoji" class="face emojiface124">:alarm_clock:</a>
                                            <a title=":grin:" type="emoji" class="face emojiface125">:grin:</a>
                                            <a title=":rocket:" type="emoji" class="face emojiface126">:rocket:</a>
                                            <a title=":hourglass_flowing_sand:" type="emoji" class="face emojiface127">:hourglass_flowing_sand:</a>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>

                <div class="content">
                    <pre id="edit-area" class="flex edit_area" contenteditable="true"></pre>
                    <span class="caret_pos_helper" id="caretPosHelper"></span>
                    <div class="chat-suggestion" style="display: none"></div>
                </div>

                <div class="action">
                    <span class="helps"><span class="message_preview_btn" title="消息预览"><i
                            class="fas fa-search"></i></span></span>
                    <span class="desc">按Enter键发送消息，Ctrl＋Enter换行</span>
                    <a class="btn btn_send" href="javascript:;">发送</a>
                    <a href="javascript:;" class="btn btn_send_switcher">
                        <svg height="10" viewBox="0 0 48 48" width="12" xmlns="http://www.w3.org/2000/svg">
                            <path d="M14.83 16.42l9.17 9.17 9.17-9.17 2.83 2.83-12 12-12-12z"/>
                            <path d="M0-.75h48v48h-48z" fill="none"/>
                        </svg>
                    </a>
                    <ul class="send_switcher_ul">
                        <li data-type="0">按Enter键发送消息，Ctrl＋Enter换行</li>
                        <li data-type="1">按Ctrl＋Enter键发送消息，Enter换行</li>
                    </ul>
                </div>
            </div>
        </div>
    </div>

    <!-- 转接会议对话框 -->
    <div id="tcDialog" class="chat-dialog default" style="display: none">
        <div class="chat-dialog-overlay"></div>
        <div class="chat-dialog-content">
            <div class="dialog_hd">
                <h3 class="title"></h3>
            </div>
            <div class="dialog_bd">
                <div class="agent-search-panel">
                    <div class="workgroup-queue-select-container">
                        <select class="chat-workgroup-select" style="display: none"></select>
                        <select class="chat-queue-select"></select>
                    </div>
                    <div class="agentname-input-container">
                        <input type="text" class="agentname-input" placeholder="坐席名过滤"/>
                    </div>
                </div>
                <div class="chooser">
                    <div class="contacts"></div>
                </div>
                <div class="comments">
                    <span>备注信息：</span>
                    <pre class="comments-editor" contenteditable="true"></pre>
                </div>
            </div>
            <div class="dialog_ft">
                <a href="javascript:;" class="btn btn_primary confirm"><i class="fa fa-spinner fa-spin"
                                                                          aria-hidden="true"></i>确定</a>
            </div>
            <div class="chat-dialog-close"></div>
        </div>
    </div>

    <!-- 历史定位对话框 -->
    <div id="historySessionDialog" class="chat-dialog default" style="display: none"></div>

    <form id="chat_upload_form" style="display: none">
        <input type="file" name="file" class="webuploader-element-invisible" multiple="multiple">
    </form>

    <!-- 配置对话框 -->
    <div class="chat-dialog default configDialog" style="display: none">
        <div class="chat-dialog-overlay"></div>
        <div class="chat-dialog-content">
            <div class="chat-dialog-row"><span class="config-desc">左侧栏底色</span><input type="color"
                                                                                           class="leftPanelColor"></div>
            <div class="swapRLContainer chat-dialog-row"><span class="config-desc">聊天面板放到左侧</span><input
                    type="checkbox"
                    class="swapRL">
            </div>
            <div class="suggestionEnabledContainer chat-dialog-row"><span
                    class="config-desc">是否开启输入联想 </span><input
                    type="checkbox" class="suggestionEnabled" checked></div>
            <div class="chat-dialog-row">
                <span class="config-desc">新消息置顶</span>
                <div class="config-sonm-input">是<input name="topSessionOnNewMessage" type="radio" value="1" checked/>
                </div>
                <div class="config-sonm-input">否<input name="topSessionOnNewMessage" type="radio" value="0"/></div>
                <div class="config-sonm-input">除自己<input name="topSessionOnNewMessage" type="radio" value="2"/></div>
            </div>
            <div class="chat-dialog-row"><span class="config-desc">是否直接推送满意度</span><input type="checkbox"
                                                                                                   class="pushRatingDirectly">
            </div>
            <div class="chat-dialog-row"><span class="config-desc">是否开启敏感词提示</span><input type="checkbox"
                                                                                                   class="dirtyWordsScanEnabled">
            </div>
            <div class="chat-dialog-row"><span class="config-desc">是否开启辅助机器人自动回复</span><input
                    type="checkbox"
                    class="robotAutoAnswerEnabled">
            </div>
            <div class="chat-dialog-row"><span class="config-desc">接收到新消息是否有声音提醒</span><input
                    type="checkbox"
                    class="newMassageSoundSwitch">
            </div>
            <div class="chat-dialog-row"><span class="config-desc">是否开启发送和接受的内容自动翻译</span><input
                    type="checkbox"
                    class="translateAutoEnabled">
            </div>
            <div class="chat-dialog-row"><span class="config-desc">消息翻译目标语言</span>
                <select class="transToConfig" style="vertical-align: bottom;">
                    <option value="zh" selected>中文</option>
                    <option value="en">英语</option>
                </select>
            </div>
            <div class="chat-dialog-close"></div>
        </div>
    </div>

    <!-- 请求对话框 -->
    <div class="chat-dialog default requestDialog" style="display: none">
        <div class="chat-dialog-overlay"></div>
        <div class="chat-dialog-content">
            <div class="requestTabs" style="padding: 0">
                <ul style='border-radius:0'></ul>
            </div>
            <div class="chat-dialog-close"></div>
        </div>
    </div>

    <!-- 结束会话对话框 -->
    <div class="chat-dialog default closeSessionDialog" style="display: none">
        <div class="chat-dialog-overlay"></div>
        <div class="chat-dialog-content">
            <div class="confirmContainer"></div>
            <div class="chat-dialog-close"></div>
        </div>
    </div>

    <!-- 格式化消息预览对话框 -->
    <div class="chat-dialog default messagePreviewDialog" style="display: none">
        <div class="chat-dialog-overlay"></div>
        <div class="chat-dialog-content">
            <div class="dialog_hd">
                <h3 class="title">格式化消息预览</h3>
            </div>
            <div class="dialog_bd">

            </div>
            <div class="dialog_ft">
                <a href="javascript:;" class="btn btn_primary confirm">发送</a>
            </div>
            <div class="chat-dialog-close"></div>
        </div>
    </div>

    <!--音视频-->
    <div class="meeting audioMeet">
        <video id="audionode" autoplay="autoplay"></video>
        <div class="caller">
            <div class="audio">
                <div class="setCon">
                    <div class="img">试1</div>
                    <p class="users">过河兵测试</p>
                    <p class="accept">正在接通中...</p>
                </div>
                <div class="btnGroup fir" style="display: none">
                    <div class="iconBox">
                        <svg t="1625128098870" class="icon" viewBox="0 0 1024 1024" version="1.1"
                             xmlns="http://www.w3.org/2000/svg" p-id="4574" width="32" height="32">
                            <path d="M896 469.333333c0-25.6-17.066667-42.666667-42.666667-42.666666s-42.666667 17.066667-42.666666 42.666666c0 166.4-132.266667 298.666667-298.666667 298.666667s-298.666667-132.266667-298.666667-298.666667c0-25.6-17.066667-42.666667-42.666666-42.666666s-42.666667 17.066667-42.666667 42.666666c0 196.266667 149.333333 358.4 341.333333 379.733334V938.666667H341.333333c-25.6 0-42.666667 17.066667-42.666666 42.666666s17.066667 42.666667 42.666666 42.666667h341.333334c25.6 0 42.666667-17.066667 42.666666-42.666667s-17.066667-42.666667-42.666666-42.666666h-128v-89.6c192-21.333333 341.333333-183.466667 341.333333-379.733334z"
                                  p-id="4575" fill="#9ca0a0"></path>
                            <path d="M512 682.666667c119.466667 0 213.333333-93.866667 213.333333-213.333334V213.333333c0-119.466667-93.866667-213.333333-213.333333-213.333333S298.666667 93.866667 298.666667 213.333333v256c0 119.466667 93.866667 213.333333 213.333333 213.333334z"
                                  p-id="4576" fill="#9ca0a0"></path>
                        </svg>
                    </div>
                    <button class="confirm releaseACall">挂断</button>
                </div>
                <div class="btnGroup sec">
                    <button class="cancel rejectACall">拒绝</button>
                    <button class="confirm acceptACall">接通</button>
                </div>
            </div>
        </div>
    </div>
    <div class="jufengMeeting videoMeet">
        <div class="caller">
            <div class="audio">
                <div class="setCon">
                    <div class="img">试1</div>
                    <p class="users">过河兵测试</p>
                    <p class="accept">正在接通中...</p>
                </div>
                <div class="btnGroup sec">
                    <button class="cancel rejectVCall">拒绝</button>
                    <button class="confirm acceptVCall">接通</button>
                </div>
            </div>
            <div class="video" style="display: none">
                <div class="titleBox">
                    <div class="title">视频通话 </div>
                    <div class="forwardBox">
                    <a class="forwardIcon" title="收起" data-ref="[d]bring-forward"><i class="fad fa-bring-forward" style="font-size: 20px;"></i></a>
                    </div>
                </div>
                <div class="setCon">
                    <div class="left">
                        <div class="waitAccept">
                            <div class="img">试1</div>
                            <p class="users">过河兵测试</p>
                            <p class="accept">等待对方接受邀请…</p>
                        </div>
                        <div class="waitVideo video-container">
                            <div id="remote-video-container"></div>
                            <!--                            <video id="othervideoju" autoplay="autoplay" muted="muted"></video>-->
                            <!--                            <audio id="remoteAudioju" autoplay="autoplay"></audio>-->
                            <div class=" videoAndAudioBtn overlay">
                                <div class="iconBox remoteAudioIconArea removeVideoContainer">
                                    <svg t="1625128098870" class="icon" viewBox="0 0 1024 1024" version="1.1"
                                         xmlns="http://www.w3.org/2000/svg" p-id="4574" width="30" height="30">
                                        <path d="M896 469.333333c0-25.6-17.066667-42.666667-42.666667-42.666666s-42.666667 17.066667-42.666666 42.666666c0 166.4-132.266667 298.666667-298.666667 298.666667s-298.666667-132.266667-298.666667-298.666667c0-25.6-17.066667-42.666667-42.666666-42.666666s-42.666667 17.066667-42.666667 42.666666c0 196.266667 149.333333 358.4 341.333333 379.733334V938.666667H341.333333c-25.6 0-42.666667 17.066667-42.666666 42.666666s17.066667 42.666667 42.666666 42.666667h341.333334c25.6 0 42.666667-17.066667 42.666666-42.666667s-17.066667-42.666667-42.666666-42.666666h-128v-89.6c192-21.333333 341.333333-183.466667 341.333333-379.733334z"
                                              p-id="4575" fill="#9ca0a0"></path>
                                        <path d="M512 682.666667c119.466667 0 213.333333-93.866667 213.333333-213.333334V213.333333c0-119.466667-93.866667-213.333333-213.333333-213.333333S298.666667 93.866667 298.666667 213.333333v256c0 119.466667 93.866667 213.333333 213.333333 213.333334z"
                                              p-id="4576" fill="#9ca0a0"></path>
                                    </svg>
                                </div>
                                <div class="iconBox remoteVideoIconArea removeVideoContainer">
                                    <a class="fonticon" data-ref="[s]camera"><i class="fas fa-camera"
                                                                                style="font-size: 30px;"></i></a>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="right">
                        <div class="videoBox video-container">
                            <div id="local-video-container"></div>

                            <div class="videoAndAudioBtn overlay">
                                <div class="iconBox jufengAudioIconArea">
                                    <svg t="1625128098870" class="icon" viewBox="0 0 1024 1024" version="1.1"
                                         xmlns="http://www.w3.org/2000/svg" p-id="4574" width="20" height="20">
                                        <path d="M896 469.333333c0-25.6-17.066667-42.666667-42.666667-42.666666s-42.666667 17.066667-42.666666 42.666666c0 166.4-132.266667 298.666667-298.666667 298.666667s-298.666667-132.266667-298.666667-298.666667c0-25.6-17.066667-42.666667-42.666666-42.666666s-42.666667 17.066667-42.666667 42.666666c0 196.266667 149.333333 358.4 341.333333 379.733334V938.666667H341.333333c-25.6 0-42.666667 17.066667-42.666666 42.666666s17.066667 42.666667 42.666666 42.666667h341.333334c25.6 0 42.666667-17.066667 42.666666-42.666667s-17.066667-42.666667-42.666666-42.666666h-128v-89.6c192-21.333333 341.333333-183.466667 341.333333-379.733334z"
                                              p-id="4575" fill="#9ca0a0"></path>
                                        <path d="M512 682.666667c119.466667 0 213.333333-93.866667 213.333333-213.333334V213.333333c0-119.466667-93.866667-213.333333-213.333333-213.333333S298.666667 93.866667 298.666667 213.333333v256c0 119.466667 93.866667 213.333333 213.333333 213.333334z"
                                              p-id="4576" fill="#9ca0a0"></path>
                                    </svg>
                                </div>
                                <div class="iconBox jufengVideoIconArea">
                                    <a class="fonticon" data-ref="[s]camera"><i class="fas fa-camera"
                                                                                style="font-size: 20px;"></i></a>
                                </div>
                            </div>
                        </div>
                        <div class="btnGroup">
                            <button class="confirm releaseVCall">挂断</button>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="meeting videoMeet">
        <div class="caller">
            <div class="audio">
                <div class="setCon">
                    <div class="img">试1</div>
                    <p class="users">过河兵测试</p>
                    <p class="accept">正在接通中...</p>
                </div>
                <div class="btnGroup sec">
                    <button class="cancel rejectVCall">拒绝</button>
                    <button class="confirm acceptVCall">接通</button>
                </div>
            </div>
            <div class="video" style="display: none">
                <div class="titleBox">
                    <div class="title">视频通话 </div>
                    <div class="forwardBox">
                        <a class="forwardIcon" title="收起" data-ref="[d]bring-forward"><i class="fad fa-bring-forward" style="font-size: 20px;"></i></a>
                    </div>
                </div>
                <div class="setCon">
                    <div class="left">
                        <div class="waitAccept">
                            <div class="img">试1</div>
                            <p class="users">过河兵测试</p>
                            <p class="accept">等待对方接受邀请…</p>
                        </div>
                        <div class="waitVideo video-container">
                            <video id="othervideo" autoplay="autoplay" muted="muted"></video>
                            <audio id="remoteAudio" autoplay="autoplay"></audio>
                            <div class=" videoAndAudioBtn overlay">
                                <div class="iconBox remoteAudioIconArea removeVideoContainer">
                                    <svg t="1625128098870" class="icon" viewBox="0 0 1024 1024" version="1.1"
                                         xmlns="http://www.w3.org/2000/svg" p-id="4574" width="30" height="30">
                                        <path d="M896 469.333333c0-25.6-17.066667-42.666667-42.666667-42.666666s-42.666667 17.066667-42.666666 42.666666c0 166.4-132.266667 298.666667-298.666667 298.666667s-298.666667-132.266667-298.666667-298.666667c0-25.6-17.066667-42.666667-42.666666-42.666666s-42.666667 17.066667-42.666667 42.666666c0 196.266667 149.333333 358.4 341.333333 379.733334V938.666667H341.333333c-25.6 0-42.666667 17.066667-42.666666 42.666666s17.066667 42.666667 42.666666 42.666667h341.333334c25.6 0 42.666667-17.066667 42.666666-42.666667s-17.066667-42.666667-42.666666-42.666666h-128v-89.6c192-21.333333 341.333333-183.466667 341.333333-379.733334z"
                                              p-id="4575" fill="#9ca0a0"></path>
                                        <path d="M512 682.666667c119.466667 0 213.333333-93.866667 213.333333-213.333334V213.333333c0-119.466667-93.866667-213.333333-213.333333-213.333333S298.666667 93.866667 298.666667 213.333333v256c0 119.466667 93.866667 213.333333 213.333333 213.333334z"
                                              p-id="4576" fill="#9ca0a0"></path>
                                    </svg>
                                </div>
                                <div class="iconBox remoteVideoIconArea removeVideoContainer">
                                    <a class="fonticon" data-ref="[s]camera"><i class="fas fa-camera"
                                                                                style="font-size: 30px;"></i></a>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="right">
                        <div class="videoBox video-container">
                            <video id="selfvideo" autoplay="autoplay" muted="muted"></video>
                            <div class="videoAndAudioBtn overlay">
                                <div class="iconBox audioIconArea">
                                    <svg t="1625128098870" class="icon" viewBox="0 0 1024 1024" version="1.1"
                                         xmlns="http://www.w3.org/2000/svg" p-id="4574" width="20" height="20">
                                        <path d="M896 469.333333c0-25.6-17.066667-42.666667-42.666667-42.666666s-42.666667 17.066667-42.666666 42.666666c0 166.4-132.266667 298.666667-298.666667 298.666667s-298.666667-132.266667-298.666667-298.666667c0-25.6-17.066667-42.666667-42.666666-42.666666s-42.666667 17.066667-42.666667 42.666666c0 196.266667 149.333333 358.4 341.333333 379.733334V938.666667H341.333333c-25.6 0-42.666667 17.066667-42.666666 42.666666s17.066667 42.666667 42.666666 42.666667h341.333334c25.6 0 42.666667-17.066667 42.666666-42.666667s-17.066667-42.666667-42.666666-42.666666h-128v-89.6c192-21.333333 341.333333-183.466667 341.333333-379.733334z"
                                              p-id="4575" fill="#9ca0a0"></path>
                                        <path d="M512 682.666667c119.466667 0 213.333333-93.866667 213.333333-213.333334V213.333333c0-119.466667-93.866667-213.333333-213.333333-213.333333S298.666667 93.866667 298.666667 213.333333v256c0 119.466667 93.866667 213.333333 213.333333 213.333334z"
                                              p-id="4576" fill="#9ca0a0"></path>
                                    </svg>
                                </div>
                                <div class="iconBox videoIconArea">
                                    <a class="fonticon" data-ref="[s]camera"><i class="fas fa-camera"
                                                                                style="font-size: 20px;"></i></a>
                                </div>
                            </div>
                        </div>
                        <div class="btnGroup">
                            <button class="confirm releaseVCall">挂断</button>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="chat_cloak wisdge_splitter_exclude">
        <div class="chat_cloak_tip">
            <i class="fa fa-spinner"></i>
            <span>网络重连中...</span>
        </div>
    </div>
</div>

<style>
    .chat .chat_cloak {
        display: none;
    }

    .chat .chat_cloak {
        background: rgba(0, 0, 0, 0.3);
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        left: 0;
        display: grid;
        place-items: center;
        color: white;
        font-size: 16px;
        font-weight: bold;
    }

    .chat .chat_cloak .chat_cloak_tip i {
        display: inline-block;
        animation: spin 1s linear infinite;
    }
</style>
